<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>妈的言击术</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<!--布局和动画-->
		<link rel="stylesheet" href="css/md-yjs.css" />
		<!--规避防盗-->
		<!--<link name="referrer" content="never"/>-->
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="music">
			<audio src="music/Butter-Fly.mp3" controls  autoplay>	
			</audio>
			<img src="img/yingyu.svg"/>
		</div>
		<!--<div class="music-img" >
			<img src="img/yingyu.svg"/>
		</div>-->
		<div id="web">
			
			<!--第一页开始-->
			<div class="section first-page">
				<div class="first-a">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-d">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-c">
					<img src="img/frist/first-c.png"/>
				</div>
				
				<div class="first-a">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-b">
					<img src="img/frist/first-b.png"/>
				</div>
				<div class="first-e">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-f">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-g">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-h">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-i">
					<img src="img/frist/first-a.png"/>
				</div>
				<div class="first-j">
					<img src="img/frist/first-a.png"/>
				</div>
				
				<div class="first-k">
					吐槽
				</div>
				<div class="first-l">
					说教
				</div>
				<div class="first-n">
					嘲讽
				</div>
				<div class="first-m">
					人身攻击
				</div>
				
				<div class="first-o"></div>
				<div class="first-p">
					妈妈用她修炼几十年的“言击术”
				</div>
				<div class="first-q">
					打得我们没有还手之力
				</div>
				<div class="first-r">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第一页结束-->
			
			<!--第二页开始-->
			<div class="section two-page">
				<div class="two-a">
					<img src="img/two/two-a.png"/>
				</div>
				<div class="two-b">
					<img src="img/two/two-c.png"/>
				</div>
				<div class="two-c">
					<img src="img/two/two-d.png"/>
				</div>
				<div class="two-d">
					<img src="img/two/two-b.png"/>
				</div>
				<div class="two-e">
					<img src="img/two/two-g.png"/>
				</div>
				<div class="two-f">
					<img src="img/two/two-f.png"/>
				</div>
				<div class="two-g">
					<img src="img/two/two-e.png"/>
				</div>
				<div class="two-h">
					第一式——看你安静的呆着就是不顺眼
				</div>
				<div class="two-i">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第二页结束-->
			
			<!--第三页开始-->
			<div class="section three-page">
				<div class="three-a">
					<img src="img/three/three-h.png"/>
				</div>
				<div class="three-b">
					<img src="img/three/three-a.png"/>
				</div>
				<div class="three-c">
					<img src="img/three/three-d.png"/>
				</div>
				<div class="three-d">
					<img src="img/three/three-b.png"/>
				</div>
				<div class="three-e">
					<img src="img/three/three-c.png"/>
				</div>
				<div class="three-f">
					<img src="img/three/three-f.png"/>
				</div>
				<div class="three-g">
					<img src="img/three/three-e.png"/>
				</div>
				<div class="three-h">
					<img src="img/three/three-g.png"/>
				</div>
				<div class="three-i">
					<img src="img/three/three-g.png"/>
				</div>
				<div class="three-j">
					第二式——在妈眼里你永远吃不饱
				</div>
				<div class="three-k">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第三页结束-->
			
			<!--第四页开始-->
			<div class="section four-page">
				<div class="four-a">
					<img src="img/four/four-b.png"/>
				</div>
				<div class="four-b">
					<img src="img/four/four-a.png"/>
				</div>
				<div class="four-c">
					<img src="img/four/four-c.png"/>
				</div>
				<div class="four-d">
					<img src="img/four/four-d.png"/>
				</div>
				<div class="four-e">
					<img src="img/four/four-h.png"/>
				</div>
				<div class="four-f">
					<img src="img/four/four-i.png"/>
				</div>
				<div class="four-g">
					<img src="img/four/four-g.png"/>
				</div>
				<div class="four-h">
					<img src="img/four/four-e.png"/>
				</div>
				<div class="four-i">
					<img src="img/four/four-e.png"/>
				</div>
				<div class="four-j">
					第三式——这招借刀杀人叫做“别人家的孩子”
				</div>
				<div class="four-k">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第四页结束-->
			
			<!--第五页开始-->
			<div class="section five-page">
				<div class="five-a">
					<img src="img/five/five-a.png"/>
				</div>
				<div class="five-b">
					<img src="img/five/five-e.png"/>
				</div>
				<div class="five-c">
					<img src="img/five/five-i.png"/>
				</div>
				<div class="five-d">
					<img src="img/five/five-b.png"/>
				</div>
				<div class="five-e">
					<img src="img/five/five-c.png"/>
				</div>
				<div class="five-f">
					<img src="img/five/five-d.png"/>
				</div>
				<div class="five-g">
					<img src="img/five/five-d.png"/>
				</div>
				<div class="five-h">
					<img src="img/five/five-h.png"/>
				</div>
				<div class="five-i">
					<img src="img/five/five-g.png"/>
				</div>
				<div class="five-j">
					<img src="img/five/five-f.png"/>
				</div>
				<div class="five-k">
					第四式——不去找对象和一条咸鱼有什么分别
				</div>
				<div class="five-l">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第五页结束-->
			
			<!--第六页开始-->
			<div class="section six-page">
				<div class="six-a">
					<img src="img/six/six-a.png"/>
				</div>
				<div class="six-b">
					<img src="img/six/six-g.png"/>
				</div>
				<div class="six-c">
					<img src="img/six/six-f.png"/>
				</div>
				<div class="six-d">
					<img src="img/six/six-e.png"/>
				</div>
				<div class="six-e">
					<img src="img/six/six-e.png"/>
				</div>
				<div class="six-f">
					<img src="img/six/six-c.png"/>
				</div>
				<div class="six-g">
					<img src="img/six/six-c.png"/>
				</div>
				<div class="six-h">
					<img src="img/six/six-d.png"/>
				</div>
				<div class="six-i">
					<img src="img/six/six-b.png"/>
				</div>
				<div class="six-j">
					<img src="img/six/six-i.png"/>
				</div>
				<div class="six-k">
					<img src="img/six/six-h.png"/>
					<span>
						妈妈~
					</span>
				</div>
				<div class="six-l">
					究极式——你自己看吧，说的很明白了
				</div>
				<div class="six-n">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第六页结束-->
			
			<!--第七页开始-->
			<div class="section seven-big-box">
				<div class="slide seven-page">	
					<div class="seven-a">
						<img src="img/seven/seven-c.png"/>
					</div>
					<div class="seven-b">
						在老妈眼里我没救了..
					</div>
					<div class="seven-c">
						<img src="img/seven/seven-a.png"/>
					</div>
					<div class="seven-d">
						<img src="img/seven/seven-b.png"/>
						
					</div>
					<div class="seven-e">
						<img src="img/seven/seven-b.png"/>
						
					</div>
					<div class="seven-f">
						<img src="img/seven/seven-e.png"/>
					</div>
					<div class="seven-g">
						<img src="img/seven/seven-e.png"/>
					</div>
					<div class="seven-h">
						<img src="img/向上.png"/>
					</div>
				</div>
				<!--<div class="slide one-one">
					
				</div>
				<div class="slide one-one-one">
					
				</div>-->
				<div class="slide ten-page">
					<div class="ten-a">
						<img src="img/ten/ten-h.png"/>
					</div>
					<div class="ten-b">
						<img src="img/ten/ten-a.png"/>
					</div>
					<div class="ten-c">
						<img src="img/ten/ten-g.gif"/>
					</div>
					<div class="ten-d">
						<img src="img/ten/ten-c.png"/>
					</div>
					<div class="ten-j">
						<img src="img/ten/ten-c.png"/>
					</div>
					<div class="ten-e">
						<img src="img/ten/ten-e.png"/>
						<p>是啊，我家孩子可好啦。要是假期结束也不走就更好了，真希望ta一直留在我身边陪我！</p>
					</div>
					<div class="ten-f">
						<img src="img/ten/ten-b.png"/>	
					</div>
					<div class="ten-i">
						<img src="img/ten/ten-b.png"/>
					</div>
					<div class="ten-g">
						<img src="img/ten/ten-f.png"/>
						<p>
							你家孩子真懂事啊，我看这回回家有给你买了不少东西，还陪你买菜呢。
						</p>
					</div>
					<div class="ten-h">
						<img src="img/ten/ten-d.png"/>
					</div>
				</div>
			</div>
			<!--第七页结束-->
			
			<!--第八页开始-->
			<div class="section eight-page">
				<div class="eight-a">
					<img src="img/eight/eight-d.png"/>
				</div>
				<div class="eight-b">
					<img src="img/eight/eight-c.png"/>
				</div>
				<div class="eight-c">
					<img src="img/eight/eight-a.png"/>
				</div>
				<div class="eight-d">
					<img src="img/eight/eight-b.png"/>
				</div>
				<div class="eight-e">
					（下页的投票不容错过）
				</div>
				<div class="eight-f">
					<img src="img/向上.png"/>
				</div>
			</div>
			<!--第八页结束-->
			
			<!--第九页开始-->
			<div class="section nine-page">
				<!--第一个-->
				<div class="nine-a">
					<img src="img/nine/nine-a.png"/>
				</div>
				<div class="nine-b">
					<img src="img/nine/nine-e.png"/>
				</div>
				<div class="nine-c">
					<!--<input type="radio"  id="one"/>-->
					<!--<label for="one">-->
						<i class="iconfont icon-dianzan"></i>1672
						<!--<span class="one-span">1672</span>
						<span class="two-span">1673</span>
					</label>-->
				</div>
				<!--第一个结束-->
				<!--第二个-->
				<div class="nine-d">
					<img src="img/nine/nine-a.png"/>
				</div>
				<div class="nine-e">
					<img src="img/nine/nine-c.png"/>
				</div>
				<div class="nine-f">
					<i class="iconfont icon-dianzan"></i>1477
				</div>
				<!--第二个结束-->
				<!--第三个-->
				<div class="nine-g">
					<img src="img/nine/nine-a.png"/>
				</div>
				<div class="nine-h">
					<img src="img/nine/nine-f.png"/>
				</div>
				<div class="nine-i">
					<i class="iconfont icon-dianzan"></i>1845
				</div>
				<!--第三个结束-->
				<!--第四个-->
				<div class="nine-j">
					<img src="img/nine/nine-a.png"/>
				</div>
				<div class="nine-k">
					<img src="img/nine/nine-g.png"/>
				</div>
				<div class="nine-l">
					<i class="iconfont icon-dianzan"></i>1845
				</div>
				<!--第四个结束-->
				<!--第五个-->
				<div class="nine-n">
					<img src="img/nine/nine-a.png"/>
				</div>
				<div class="nine-m">
					<img src="img/nine/nine-d.png"/>
				</div>
				<div class="nine-o">
					<i class="iconfont icon-dianzan"></i>1754
				</div>
				<!--第五个结束-->
				<div class="nine-p">
					<img src="img/nine/nine-h.png"/>
				</div>
				<div class="nine-q">
					<img src="img/nine/nine-b.png"/>
				</div>
				<div class="nine-r">
					<img src="img/nine/nine-b.png"/>
				</div>
				<div class="nine-s">
					<img src="img/nine/nine-i.png"/>
					<span>
						你中了几招？
					</span>
				</div>
			</div>
			<!--第九页结束-->
		</div>
		
		<!--引入js，注意依赖关系-->
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/jquery.fullPage.min.js"></script>
		<!--fullpage初始化-->
		<script>
			//jq写法，$("")获取页面元素，双引号里面写css3选择器
			$("#web").fullpage({
				// 对象写法
				// 属性 : 值(数字、字符串、对象、数组、布尔值、null/undefined、函数)
//				sectionsColor : ["skyblue","rgba(255,125,51,1)","#00ff00"],
				//导航小点
//				navigation:true,	
				//触摸敏感度越大越难滑
				tochSensitivity:100,
				//当滑到每一页结束之后触发的函数：
				controlArrows:false,
				//可以在触发时给每一个页面添加激活类(active)
				//参数：锚点序号，页面的序号
				afterLoad:function(anchorIndex,index){
					console.log("滑动结束了");
					console.log(anchorIndex,index);
//					if(index == 1){
//						$(".section").eq(0).addClass("active first-page")				
//					}
//					if(index == 2){
//						$(".section").eq(1).addClass("active two-page")
//					}
				}
			});
			
			$(".seven-e").on("click",function(){
				$.fn.fullpage.moveSlideRight();
			})
			
//			var icon = document.getElementById("icon-h");
//      function geticon(){
//      	icon.style.display = "none";
//      }
//      geticon();
		</script>
		
	</body>
</html>
